<template>
	<div id="spellorder">
		<v-header>
			<price-header></price-header>
		</v-header>
		<v-content class="width-1200">
			<div class="listorder_content">
				<div class="list_content" @click="changeRouter('spellorderdetail')">
					<div class="top_title my-flex-left">
						<span>汽油92#</span>
						<span>2018-07-10  11:23发布</span>
					</div>
					<div class="bottom_content my-flex-between">
						<div class="parts my-flex-col-center">
							<div class="">
								<img src="../../assets/price/1.png"/>
							</div>
							<div class="companyname one-line">中石化过意贸易有限公司中石化过意贸易有限公司中石化过意贸易有限公司</div>
						</div>
						<div class="parts my-flex-col-center">
							<div class="price">
								<span class="number">1000</span><span clss="unit">元/吨</span>
							</div>
							<div class="price_desc">
								挂牌价
							</div>
						</div>
						<div class="parts my-flex-col-center">
							<div class="price">
								<span class="number">1000</span><span clss="unit">吨</span>
							</div>
							<div class="price_desc">
								拼单总量
							</div>
						</div>
						<div class="parts my-flex-col-center">
							<div class="price red_part">
								<span class="number">1000</span><span clss="unit">吨</span>
							</div>
							<div class="price_desc">
								剩余数量
							</div>
						</div>
						<div class="parts my-flex-col-center">
							<span class="time">30天后到期</span>
							<span class="price_btn my-flex-center">立即拼单</span>
						</div>
					</div>
				</div>
				
			</div>
		</v-content>
	</div>
</template>

<script>
	import service from '@/js/services/news';
	import bus from '@/js/common/bus.js';
	export default {
		name: 'news',
		components: {
		},
		data() {
			return {
				params: {
					pageNum: 1,
					pageSize: 10
				},
				total: 0,
				tableData: [],
				jumpPage:1
			}
		},
		mounted() {
			
		},
		methods: {
			...service,
			
			changeRouter(url) {
				this.$router.push(url);
			},
		},
	}
</script>

<style lang="less" src="../../less/page/spellorder/index.less"></style>